.catalogue{
    width: 100%;
    margin-top: 1.25rem;
}
.selection-card{
    position: relative;
    width: 100%;
    height: 1.6875rem;
    border-bottom: solid 1px #efe7e7;
}
.bottom_line{
    position: absolute !important;
    background-color: #fb4937;
    height: 2px;
    width: 32px;
    bottom: 0px;
    left: 98px;
    -webkit-transition: all 0.3s cubic-bezier(1, .01, .32, 1);
    -o-transition: all 0.3s cubic-bezier(1, .01, .32, 1);
    transition: all 0.3s cubic-bezier(1, .01, .32, 1);
}
.selection-card div{
    float: left;
    position: relative;
}

.selection-card .selection{
    margin-left: 6.125rem;
}


.selection-active{
    color: #fc6454;
}

.catalogue-content-view{
    width: 100%;
    position: relative;
    height: 20.125rem;
    overflow: hidden;
}

.catalogue-content-box{
    -webkit-transition: all 0.3s cubic-bezier(1, .01, .32, 1);
    -o-transition: all 0.3s cubic-bezier(1, .01, .32, 1);
    transition: all 0.3s cubic-bezier(1, .01, .32, 1);
    position: absolute;
    left: 0;
    height: 100%;
}

.catalogue-content{
    float: left;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.catalogue-content-wrapper{
    width: 94%;
    margin: 0 auto;
}

.flex-row-4{
    width: 100%;
    display: flex;
    align-items:center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.about-page{
    margin-top: 1rem;
    font-size: 13px;
    color: #c1c1c1;
}
.about-page-color{
    color: #6c6c6c !important;
}
.project-question{
    width: 100%;
    height: 2.1875rem;
    background-color: #f5f5f5;
    border-radius: 0.3125rem;
    margin-top:  0.625rem;
    font-size: 10px;
    text-align: left;
    line-height: 2.1875rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    text-indent: 1.125rem;
    position: relative;
}
.book-auth{
    position: absolute;
    right: 5%;
}